// 自定义ui组件，通常为设计稿中特殊样式

/********* 常用上边距 *********/
.mt-4 {
  margin-top: 4px;
}

.mt-6 {
  margin-top: 6px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-16 {
  margin-top: 16px;
}

/********* 常用左边距 *********/
.ml-4 {
  margin-left: 4px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-16 {
  margin-left: 16px;
}

/********* 自定义tabbar占位栏 *********/
.custom-tab-bar-placeholder {
  box-sizing: content-box;
  height: 49px;
  padding-bottom: env(safe-area-inset-bottom);
}

/********* ios 安全底部距离 *********/
.ios-safe-area-inset-bottom {
  display: block;
  width: 100%;
  height: env(safe-area-inset-bottom);
}

/********* 单选框 *********/
.icon-check {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border: 1px solid #e0e0e0;
  border-radius: 50%;

  &.check-all {
    width: 16px;
    height: 16px;
    background-image: url('https://image.doulaoban.com/applet/image/1694657025196_2222.png');
    border: none;
  }

  &.check-part {
    width: 16px;
    height: 16px;
    background-image: url('https://image.doulaoban.com/applet/image/1694657075763_33333.png');
    border: none;
  }

  &.disabled {
    background-color: #f5f5f5;
    border-color: #f2f2f2;
  }
}

/********* 达人等级系列图标 *********/
.site-level {
  width: 34px;
  height: 14px;
  background-position: center;
  background-size: 100% 100%;

  &.level-0 {
    background-image: url('https://image.doulaoban.com/applet/image/1697617140334_LV0.png');
  }

  &.level-1 {
    background-image: url('https://image.doulaoban.com/applet/image/1697617140334_LV1.png');
  }

  &.level-2 {
    background-image: url('https://image.doulaoban.com/applet/image/1697617140335_LV2.png');
  }

  &.level-3 {
    background-image: url('https://image.doulaoban.com/applet/image/1697617140335_LV3.png');
  }

  &.level-4 {
    background-image: url('https://image.doulaoban.com/applet/image/1697617140336_LV4.png');
  }

  &.level-5 {
    background-image: url('https://image.doulaoban.com/applet/image/1697617140336_LV5.png');
  }

  &.level-6 {
    background-image: url('https://image.doulaoban.com/applet/image/1697617140337_LV6-1.png');
  }

  &.level-7 {
    background-image: url('https://image.doulaoban.com/applet/image/1697617140337_LV7.png');
  }
}
